﻿<template>
  <div id="footer" class="relative w-full pt-1" :style="gradientBackground"></div>
</template>
<script lang="ts">
import { useAppStore } from '@/store/app';
import { computed, defineComponent } from 'vue';
import { useI18n } from 'vue-i18n';

export default defineComponent({
  name: 'Navigator',
  setup() {
    const appStore = useAppStore()
    const { t } = useI18n()
    return {
      t,
      gradientBackground: computed(() => {
        return {background: appStore.themeConfig.header_gradient}
      })
    }
  }
})
</script>


<style scoped>
/* - `relative`: 元素相对定位
- `w-full`: 宽度 100%
- `pt-1`: 上内边距 0.25rem */
</style>